<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!doctype html>
<html>
	<%@include file='header.jsp'%>
    <body>
    	</BR>
		<div id="conditionPanel" class="easyui-panel" title="Input condition" fit = true,
				data-options="iconCls:'icon-save',closable:false,
					collapsible:true,minimizable:false,maximizable:false">
			<div>应力-请成对选择</div>
			<div>
				应力1-1<select id='yl1selector1' style="width:200px;"></select>
				应力1-2<select id='yl1selector2' style="width:200px;"></select>
			</div>
			<div>
				应力2-1<select id='yl2selector1' style="width:200px;"></select>
				应力2-2<select id='yl2selector2' style="width:200px;"></select>
			</div>
			<div>
				应力3-1<select id='yl3selector1' style="width:200px;"></select>
				应力3-2<select id='yl3selector2' style="width:200px;"></select>
			</div>
			<div>加速度</div>
			<div>
				<div>
					加速度1: <select id='jsdSelector1' style="width:200px;"></select>
					方向：<select id='xyz1' style="width:200px;" class="easyui-combobox">
						<option value="X">X</option>
						<option value="Y">Y</option>
						<option value="Z">Z</option>
					</select>
				</div>
				<div>加速度2:
					<select id='jsdSelector2' style="width:200px;"></select>	
					方向: <select id='xyz2' style="width:200px;" class="easyui-combobox">
						<option value="X">X</option>
						<option value="Y">Y</option>
						<option value="Z">Z</option>
					</select>
				</div>
				<div>
					加速度3:
					<select id='jsdSelector3' style="width:200px;"></select>	
					方向: <select id='xyz3' style="width:200px;" class="easyui-combobox">
						<option value="X">X</option>
						<option value="Y">Y</option>
						<option value="Z">Z</option>
					</select>
				</div>
			</div>
			<button id='submit'>Submit</button>
		</div>
	

		<table cellpadding="2" cellspacing="1" style="table-layout:fixed;border-collapse:separate; border-spacing:10px;">
		    <tr>
		        <td valign="top">
					<div id="yl1" class="easyui-panel" title="应力：1" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr>
							<td>
								<div id="ylChart1" style="height:180px; min-width:550px" fit=true/> 
							</td>
						</tr>
						</table>
					</div>
				</td>
				<td valign="top">
					<div id="jsd1" class="easyui-panel" title="加速度：1" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr>
							<td>
								<div id="jsdChart1" style="height:180px; min-width:550px" fit=true/>
							</td>
						</tr>
						</table>
					</div>
				</td>
			</tr>
			<tr>
		        <td valign="top">
					<div id="yl2" class="easyui-panel" title="应力：2" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr>
							<td>
								<div id="ylChart2" style="height:180px; min-width:550px" fit=true/> 
							</td>
						</tr>
						</table>
					</div>
				</td>
				<td valign="top">
					<div id="jsd2" class="easyui-panel" title="加速度：2" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr>
							<td>
								<div id="jsdChart2" style="height:180px; min-width:550px" fit=true/>
							</td>
						</tr>
						</table>
					</div>
				</td>
			</tr>
			<tr>
		        <td valign="top">
					<div id="yl1" class="easyui-panel" title="应力：3" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr>
							<td>
								<div id="ylChart3" style="height:180px; min-width:550px" fit=true/> 
							</td>
						</tr>
						</table>
					</div>
				</td>
				<td valign="top">
					<div id="jsd3" class="easyui-panel" title="加速度：3" fit = true,
					    data-options="iconCls:'icon-save',closable:false,
					    collapsible:true,minimizable:false,maximizable:false">
					    <table cellpadding=20>
						<tr>
							<td>
								<div id="jsdChart3" style="height:180px; min-width:550px" fit=true/>
							</td>
						</tr>
						</table>
					</div>
				</td>
			</tr>
			
		</table>
	<script src='<%=basePath%>js/modelOption.js'></script>
	<script src='<%=basePath%>js/model.js'></script>
    </body>
</html>